<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><?php echo C('site_title');?></title>
<meta name="keywords" content="<?php echo C('site_keyword');?>">
<meta name="description" content="<?php echo C('site_content');?>">
<link rel="stylesheet" href="<?php echo STATICS;?>/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo RES;?>/css/style.css" />
<link href="<?php echo STATICS;?>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="<?php echo STATICS;?>/js/jquery-1.9.1.min.js"></script>
<script src="<?php echo RES;?>/js/placeholder.js"></script>
<script src="<?php echo RES;?>/js/common.js"></script>
</head>
<body>

<div class="header">
    <div class="mfbox">
        <div class="logo" id="com_logo" editok="online">
            <a href="/"><img style="width: 200px;height: 110px;margin-left: 70px;" src="<?php echo C('site_logo');?>" alt="<?php echo C('site_name');?>" /></a>
        </div>
        <div class="input">
            <div class="language">
                <li class="home">
                    <a href="#" onclick="javascript:setHomePage('<?php echo U('site_url');?>');"> Set Home </a>
                </li>
                <li class="favorite">
                    <a href="#" onclick="javascript:addFavorite('<?php echo U('site_url');?>','<?php echo U('site_name');?>');">Favorites</a>
                </li>
            </div>
            <div class="search">
                <form id="productSearch" name="productSearch" action="<?php echo U('Product/index');?>" method="get">
                    <input type="text" id="keywords" name="keywords" title="Enter the keyword or word you want to find..." value="" />
                    <input type="submit" align="middle" value="go" class="btn1" title="Enter the keyword or word you want to find..." />
                </form>
            </div>
        </div>
    </div>
</div>

<div class="clear"></div>
<script type="text/javascript">
    $(function(){
        $('.menu>li').hover(function(){
            $(this).find('.second-nav').stop().slideDown();
        },function(){
            $(this).find('.second-nav').stop().slideUp();
        })

        $('.second-nav').find('li').hover(function(){
            $(this).find('.third-nav').stop().slideDown();
        },function(){
            $(this).find('.third-nav').stop().slideUp();
        })

        $('.third-nav').find('li').hover(function(){
            $(this).find('.four-nav').stop().slideDown();
        },function(){
            $(this).find('.four-nav').stop().slideUp();
        })
    });
</script>
<div class="navBox">
    <ul class="menu">
        <li><a href="/">HOME</a></li><li><a href="<?php echo U('Product/index');?>">PRODUCT</a></li>
        <li><a href="<?php echo U('About/index');?>">Guideline and Tips</a></li>
        <li>
            <a href="<?php echo U('News/index',array('cateID'=>11));?>">News</a>
            <ul class="second-nav">
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>71));?>">Industry news</a> 
                </li>
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>72));?>">Enterprise news</a>
                </li>
            </ul>
        </li>
        <li><a href="<?php echo U('Contact/feedback');?>">Contract us</a></li>
    </ul>
</div>


<div class="indexBanner">
	<script src="<?php echo RES;?>/js/jquery.flexslider-min.js"  type="text/javascript" ></script>
	<div class="flexslider">
		<ul class="slides">
			<?php if(is_array($banner)): $i = 0; $__LIST__ = $banner;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><img src="<?php echo ($vo["imageUrl"]); ?>" /></li><?php endforeach; endif; else: echo "" ;endif; ?>
		</ul>		
	</div>
	<script type="text/javascript">
	$(document).ready(function () {
		$('.flexslider').flexslider({
			directionNav: true,
			pauseOnAction: false
		});
	});
	</script> 
</div>

<div class="bannerUnder" style="background: url();">
	<div class="indexTitle">
		ABOUT US
	</div>
	<div style="width: 1200px;margin:auto;">
		<div class="indexAbout">
			<?php echo (htmlspecialchars_decode($about["content"])); ?>
		</div>
		<div>
			<div style="float: right;width:30%;margin-right: 200px;">
				<img style="height: 253.38px;" src="<?php echo RES;?>/image/pic1.jpg">
			</div>
			<div style="float: left;width:30%;margin-left:200px; ">
				<img src="<?php echo RES;?>/image/pic2.jpg">
			</div>
		</div>
	</div>
	
</div>




<div class="indexProduct" style="background: #f7f7f7;">
	<div class="indexTitle">
		HOT	PRODUCT
	</div>

	<div class="mfbox">
		<div class="product">
			<?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li>
				<div class="pInfo">
					<div style="height: 200px;">
						<a href="<?php echo U('Product/detail',array('id'=>$vo['id']));?>">
							<div class="img"><img src="<?php echo ($vo["image"]); ?>" alt="<?php echo ($vo["name"]); ?>"></div>
							<span class="imgRight">								
								<p><?php echo ($vo["name"]); ?></p>
								<span>MORE >></span>
							</span>				
						</a>
					</div>	
				</div>
			</li><?php endforeach; endif; else: echo "" ;endif; ?>	
		</div>
	</div>

	<div class="more"><a href="<?php echo U('Product/index');?>">More Products</a></div>
</div>


<div class="indexProduct">
	<div class="indexTitle">
		Latest News
	</div>

	<div class="mfbox">
		<div class="product">
			<?php if(is_array($news)): $i = 0; $__LIST__ = $news;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li>
				<div class="pInfo">
					<div style="height: 200px;">
						<a href="<?php echo U('News/detail',array('id'=>$vo['id']));?>">
							<div class="img"><img src="<?php echo ($vo["thumb"]); ?>" alt="<?php echo ($vo["title"]); ?>"></div>
							<span class="imgRight">								
								<p><?php echo ($vo["title"]); ?></p>
								<span>MORE >></span>
							</span>				
						</a>
					</div>	
				</div>
			</li><?php endforeach; endif; else: echo "" ;endif; ?>	
		</div>
	</div>

	<div class="more"><a href="<?php echo U('News/index',array('cateID'=>11));?>">More News</a></div>
</div>
	
</div>

<div class="indexTitle" style="background: #f7f7f7;">Contract US</div>

<script type="text/javascript" src="<?php echo STATICS;?>/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?php echo STATICS;?>/js/jquery.form.min.js"></script>
<script type="text/javascript" src="<?php echo STATICS;?>/layer_mobile/layer.js"></script>
<script src="<?php echo RES;?>/js/contact.js"></script>

<div class="mfbox inBox" style="width: 100%">
	<div class="onepage" style="width: 1200px;margin: auto;">
		<form id="ajaxForm" action="<?php echo U('Contact/save');?>" method="post" class="form-horizontal form-validata myform">
			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Name</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Name" name="name" id="name" class="form-control" data-rule-required="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Phone</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Phone" name="tel" id="tel" class="form-control" data-rule-required="true" data-rule-phone="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Email</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Email" name="email" id="email" class="form-control" data-rule-required="true" data-rule-email="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Contact</label> -->
				<div class="col-md-9">
					<textarea name="content" placeholder="Your Message" id="content" class="form-control" rows="10" data-rule-required="true"></textarea>
				</div>
			</div>

			<div class="form-group">
				<div class="col-md-10 col-sm-offset-2">
					<button type="submit" id="form-btn" id="formBtn" class="btn btn-success">Submit</button>
					<span id="msg"></span>
				</div>
			</div>
		</form>
	</div>
</div>





<footer class="footer">
	<p><?php echo C('copyright');?></p>
	<p><?php echo C('site_address');?></p>
	<p><?php echo C('site_tel');?></p>
	<p><?php echo C('site_fax');?></p>
	<p><?php echo C('site_email');?></p>
</div>

<!-- <div class="kefu">
	<div class="hd"><span id="close"></span></div>
	<div class="bd">
		<li>
			<a href="skype:xlpowerbattery@hotmail.com" onclick="return skypeCheck();">
				<img src="<?php echo RES;?>/image/small_white_online.png">
				<span class="txt">xlpowerbattery</span>
			</a>
		</li>
		<li>
			<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=752260275&amp;Site=公司名称&amp;Menu=yes">
				<img src="<?php echo RES;?>/image/1.gif">
				<span class="txt">Kelly</span>
			</a>
		</li>
	</div>
	<div class="fd"></div>
</div> -->
<script>
$(function(){
	$("#close").click(function(){
		$(".kefu").hide();
	});
})
</script>
</div>      
</body>
</html>